フォント
チャート上のすべてのフォントを変更できる特別なグローバル設定が 4 つあります。これらのオプションはChart.defaults.global
。グローバル フォント設定は、より具体的なオプションが構成に含まれていない場合にのみ適用されます。
たとえば、このグラフでは、凡例のラベルを除いてテキストがすべて赤になります。
Chart.defaults.global.defaultFontColor = 'red';
let chart = new Chart(ctx, {
type: 'line',
data: data,
options: {
legend: {
labels: {
// This more specific font property overrides the global property
fontColor: 'black'
}
}
}
});
名前 | タイプ | デフォルト | 説明 |
---|---|---|---|
defaultFontColor |
Color |
'#666' |
すべてのテキストのデフォルトのフォント色。 |
defaultFontFamily |
string |
"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif" |
すべてのテキストのデフォルトのフォント ファミリー。 |
defaultFontSize |
number |
12 |
テキストのデフォルトのフォント サイズ (ピクセル単位)。 RadialLinear スケール ポイント ラベルには適用されません。 |
defaultFontStyle |
string |
'normal' |
デフォルトのフォントスタイル。ツールチップのタイトルまたはフッターには適用されません。グラフのタイトルには適用されません。 |
フォントが見つからない
システム上に存在するグラフにフォントが指定されている場合、ブラウザはフォントの設定時にそのフォントを適用しません。グラフに奇妙なフォントが表示されていることに気付いた場合は、適用しているフォントがシステムに存在するかどうかを確認してください。見る問題 3318詳細については。